<template>
  <box2 title="生产量">
    <div class="__content" id="productionFirst"></div>
    <!-- <div class="content" id="productionSecond"></div> -->
  </box2>
</template>

<script setup lang="ts">
import box2 from '../../compNew/box2.vue';
import { defineProps } from 'vue'
import useBar from '../useBar';
import useData from '../useData';

const props = defineProps<{
  isComp: boolean
}>()
const { production } = useData('production', props.isComp);

// console.log(production);

useBar({
  id: 'productionFirst',
  data: production,
  key: 'month'
});
// useBar({
//   id: 'productionSecond',
//   data: production,
//   key: 'history'
// });
</script>

<style lang="scss" scoped>
.__content {
  height: 100%;
}
</style>
